<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pe="http://primefaces.org/ui/extensions"
    xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmDetalleAutorizacion" onkeypress="if (event.keyCode == 13) return false;">
        <p:panel id="panelDetalleAutorizacion" rendered="#{usuarioController.selectedUsuarioAutorizacion != null}">
            <table style="border-spacing: 10px;width: 100%" >
                <tbody>
                    <tr>
                        <td style="width: 120px;"><h:outputLabel value="Usuario :" /></td>
                        <td style="width: 250px;">
                            <p:inputText  value="#{usuarioController.bean.txtNombres} #{usuarioController.bean.txtApellidoPaterno} #{usuarioController.bean.txtApellidoMaterno}" 
                                          style="width: 245px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                        <td style="width: 120px;"><h:outputLabel value="Perfil :" /></td>
                        <td style="width: 220px;">
                            <p:inputText  value="#{usuarioController.selectedUsuarioOpcion.perfil.txtPerfil}" style="width: 200px" 
                                          disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;"><h:outputLabel value="Opción :" /></td>
                        <td style="width: 250px;">
                            <p:inputText  value="#{usuarioController.selectedUsuarioOpcion.opcion.txtOpcion}" 
                                          style="width: 245px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                        <td style="width: 120px;"><h:outputLabel value="Acción :" /></td>
                        <td style="width: 220px;">
                            <p:inputText  value="#{usuarioController.selectedUsuarioAutorizacion.accion.txtAccion}" style="width: 200px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;"><h:outputLabel value="Fecha de Inicio :" /></td>
                        <td style="width: 250px;">
                            <p:calendar value="#{usuarioController.selectedUsuarioAutorizacion.fecInicio}" showOn="button" pattern="dd/MM/yyyy" size="20"/>
                        </td>
                        <td style="width: 120px;"><h:outputLabel value="Estado :" /></td>
                        <td style="width: 220px;">
                            <p:selectBooleanCheckbox value="#{usuarioController.BActivoAccion}" itemLabel="Activo" >
                            </p:selectBooleanCheckbox>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;"><h:outputLabel value="Fecha de Término :" /></td>
                        <td style="width: 250px;">
                            <p:calendar value="#{usuarioController.selectedUsuarioAutorizacion.fecFin}" showOn="button" pattern="dd/MM/yyyy" size="20"/>
                        </td>
                        <td style="width: 120px;"><h:outputLabel value="Tipo de acceso :" style="font-weight: bold;"/></td>
                        <td style="width: 220px;">
                            <p:selectBooleanCheckbox value="#{usuarioController.BTipoAccesoAccion}" itemLabel="Consulta" style="font-size: 11pt;font-weight: bold;"
                                                     disabled="#{usuarioController.selectedUsuarioOpcion.flgConsulta == '1'}">
                            </p:selectBooleanCheckbox>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="4"></td>
                    </tr>
                </tbody>   
                <tfoot>
                    <tr>
                        <td colspan="4">
                            <p:toolbar style="padding: 3px;">
                                <p:toolbarGroup align="right">
                                    <p:commandButton style="margin-right: 40px;" value="Grabar" icon="ui-icon-disk" 
                                                     update="mensajeDetAutorizacion" actionListener="#{usuarioController.saveAutorizacion}"/>
                                    <p:commandButton value="Cerrar" icon="ui-icon-close" 
                                                     process="@this" onclick="detalleAutorizacion.hide()"/>
                                </p:toolbarGroup>
                            </p:toolbar>
                        </td>
                    </tr>
                </tfoot>
            </table>  
        </p:panel>
        <p:messages id="mensajeDetAutorizacion" showDetail="true" showSummary="false"/>
    </h:form>
</ui:composition>